    // 顶部导航栏背景切换
    $(function(){

        var nav = $('.main');

        $.each(nav,function(index,value){
            $(this).hover(function(){
                // nav.eq(index).animate({opacity:1},500)
                nav.eq(index).css('background','rgba(0,0,0,0.8)')
            },function(){
                nav.eq(index).css('background','rgba(0,0,0,0)')
                // .animate({opacity:0},500)
            })
        })
    });
    // 点击按钮视频播放
    window.onload=function(){
        var video = document.getElementsByTagName('video')[0];
        
        // 视频播放
        var play_btn = document.getElementById('navbar');

        play_btn.onclick=function(){
            video.play();
        }
    };
    // 点击按钮banner图片透明度变为0
    $(function(){
        var img = $('#img');
        var navbar = $('#navbar');
        // alert(navbar.length)
        navbar.click(function(){
            img.animate({opacity:0},500);
        })

        
        
    });
    // 鼠标移入出现阴影-复合事件
    $(function(){
        var pic=$('.pic');
        // alert(pic.siblings().length)

        $.each(pic,function(index,value){
            $(this).hover(function(){
                pic.eq(index).css({
                    boxShadow:'0px 0px 30px #333'
                })
            },function(){
                pic.eq(index).css({
                    boxShadow:'none'
                })
        })
        })
    })
    // 滚动条滚动激活导航条背景颜色
    $(function(){
        
        // alert(main.length);
        $(window).scroll(function(){
            if($(window).scrollTop()>=$(window).height()){
                var main = $('.main');
                main.css('background','#1b1b1b')
            }else{
                var main = $('.main');
                main.css('background','rgba(0,0,0,0)')
            }
        })
    })
    // 顶部导航二级下拉菜单
    $(function(){
        var li = $('.nav_t>li.submain');
        var list = $('.list');
        $.each(li,function(index,value){
            $(this).hover(function(){
                list.eq(index).css('display','block')
            },function(){
                list.eq(index).css('display','none')
            })
        })

    })
    // 滚动条滚动激活右下角锚点图标
    $(function(){
      $(window).scroll(function(){
        if($(window).scrollTop()>=$(window).height()/4){
            var icon = $('.icon');
            icon.css('display','block')
        }else{
            var icon = $('.icon');
            icon.css('display','none')
        }
      })
    })
  